@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: UVNHongHaHep;
	src: url("../font/UVNHongHaHep.eot"); /* EOT for IE */
}

@font-face {
	font-family: UVNHongHaHep;
	src: url("../font/UVNHongHaHep_I.eot"); /* EOT for IE */
}

@font-face {
	font-family: UVNHongHaHep;
	src: url("../font/UVNHongHaHep_R.eot"); /* EOT for IE */foot
}

@font-face {
        font-family: "UVNHongHaHep";
        src: url('../font/UVNHongHaHep_B.TTF');
}

@font-face {
        font-family: "UVNHongHaHep";
        src: url('../font/UVNHongHaHep_BI.TTF');
}

@font-face {
        font-family: "UVNHongHaHep";
        src: url('../font/UVNHongHaHep_R.TTF');
}

@font-face {
        font-family: "Script MT Bold";
        src: url('../font/SCRIPTBL.TTF');
}


@font-face {
        font-family: "DSDIGI";
        src: url('../font/DSDIGI.ttf');
}

body {
	margin:0px;
	color:#FFF;
	font-family:UVNHongHaHep;
	font-size:80%;
	background:url(../images/newgui/bg.png) top center no-repeat;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
}

a {
	text-decoration:none;
	color:#810100;
}

#page {
	position:relative;
}

#header {
	margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 1000px;
}

#logo {
}

ul {
	margin:0px;
	padding:0px;
}

li {
	list-style:none none;
}

#header-menu {
	bottom: 44px;
    left: 350px;
    position: absolute;
}

#header-menu a {
	text-transform:uppercase;
	color: #FF8C1E;
    font-size: 13px;
    font-weight: bold;
    line-height: 55px;
    padding: 0 7px 0 8px;
    text-decoration: none;
    text-transform: uppercase;
}


#header-menu a:hover,
#header-menu a.active {
	color:#FFFFFF;
}

#header-menu .menu-border-left {
	background:url(../images/newgui/menu-boder-left.png) 0 0 no-repeat;
	width:18px;
	height:55px;
	float:left;
}

#header-menu .menu {
	background:url(../images/newgui/menu-bg.png) 0 0 repeat-x;
	height:55px;
	float:left;
	width:574px;
}

#header-menu .menu li {
	float:left;
}

#header-menu .menu-border-right {
	background:url(../images/newgui/menu-boder-right.png) 0 0 no-repeat;
	width:18px;
	height:55px;
	float:left;
}

#navigation {
	margin: 0 auto 15px;
    padding: 0 10px;
    position: relative;
    width: 940px;
}

#page-title {
	background:url(../images/newgui/titlebg.png) 0 0 no-repeat;
	height:89px;
	color: #80351E;
    font-size: 32px;
    font-weight: bold;
    line-height: 82px;
    text-align: center;
    text-shadow: 0 1px 0 #F8B26D;
    text-transform: uppercase;
    padding: 0 10px;
    position: relative;
    width: 940px;
	margin:0 auto;
	z-index:2;
}

#main {
	position:relative;
	font-size:13px;
	top:-14px;
	min-height:770px;
	z-index:1;
	background:#3e2528;
}

#main:after {
	clear:both;
	content:"";
	display:table;
}

#main-right:after {
	clear:both;
	content:"";
	display:table;
}

#main-right {
	float:right;
	width:170px;
}

#main-content {
	padding:33px 0 80px 0;
}

.book-process-step {
	height:64px;
	width:540px;
	margin:0 auto 30px;
	position:relative;	
	display:none;
}

.book-process-step .step {
	background:url(../images/newgui/stepbg.png) 0 0 no-repeat;
	height:64px;
	width:298px;
	font-size:24px;
	line-height:60px;
	padding:0 20px;
	position:absolute;
	cursor:pointer;
	color:#873a20;
	z-index:1;
	text-transform:uppercase;
}

.numatlast {
	float:right;
	position:relative;
	right:10px;
}

.book-process-step.step-2 {
	background:url(../images/newgui/step2.png) 0 0 no-repeat;
}

#book-process .block {
	float:left;
	width:301px;
	margin:0 0 40px 18px;
}

#book-process .block .block-content {
	min-height:360px;
	background:url(../images/newgui/block-content.png) 0 0 repeat-y;
	padding:10px;
}

#book-process .block .block-bottom {
	background:url(../images/newgui/block-bottom.png) left bottom no-repeat;
	height:23px;
}

#book-process .block:first-child {
	margin:0px;
}

#book-process .block .block-title {
	background:url(../images/newgui/blocl-process-titlebg.png) 0 0 no-repeat;
	height:48px;
	line-height:38px;
	font-size:22px;
	padding:0 20px;
	color:#80361d;
}

#book-process .block h3 {
	color:#FFFFFF;
	font-size:13px;
	margin:0px 0 5px 0;
}

#book-process .block .schedule-day {
	margin:0px 0 25px 0;
}

.check-item {
	color:#FFF;
	font-size:13px;
	background:url(../images/newgui/book-uncheck.png) 0 0 no-repeat;
	height:40px;
	padding:0 10px 0 50px;
	margin:0 0 10px 0px;
	cursor:pointer;
}

.film-sche.check-item {
	background:none;
	line-height:normal;
	display:inline;
	padding:0px 20px 0 0;
	margin:0px;
}

.film-sche.check-item.is-checked {
	color:#81351d;
}

.film-host.check-item {
	line-height:45px;
}

.is-checked {
	background:url(../images/newgui/book-check.png) 1px 0 no-repeat;
}

.film-host {
	font-weight:bold;
}

.main-border-top {
	background:url(../images/newgui/main-border-top.png) 0 0 repeat-x;
	height:13px;
	position:absolute;
	top:0px;
	width:100%;
}

.main-border-bottom {
	background:url(../images/newgui/main-border-bottom.png) 0 0 repeat-x;
	height:33px;
	width:100%;
	position:absolute;
	bottom:-19px;
}

.main-middle {
	padding: 0 10px;
	width:940px;
	margin:0 auto 40px;
	overflow:auto;
}

.block {
}

.block-title {
	text-transform:uppercase;
	font-weight:bold;
}

.region-left {
	float:left;
	margin:0 20px 0 0;
	width:220px;
	position:relative;
}

.book-info-top {
	background:url(../images/newgui/block-top-left.png) 0 0 no-repeat;
	height:23px;
}

.book-info {
	background:url(../images/newgui/block-content-left.png) 0 0 repeat-y;
	padding:30px 19px 30px 20px;
	min-height:435px;
}

.book-info-bottom {
	background:url(../images/newgui/block-bottom-left.png) 0 0 no-repeat;
	height:23px;
}

.region-left h3 {
	text-transform:uppercase;
	font-size:23px;
	padding:5px 20px;
}

.book-info-content-item {
	margin:0 0 10px 0;
}

.book-info-content-item-content {
	background:url(../images/newgui/whitetextfieldbg.png) 0 0 no-repeat;
	height:28px;
	color:#ff8e1c;
	padding:0 10px;
	line-height:26px;
}

.price-table table {
	border-radius:16px;
	width:700px;
	border:1px #a95a18 solid;
	background:url(../images/newgui/price-table-th-bg.png) 0 0 no-repeat;
	border-top:none;
}

.price-table {
	margin:0 0 20px 0;
}

.price-table table th {
	font-size:32px;
	color:#7e331c;
	padding:0 0 0 20px;
	text-align:left;
	height:51px;
	text-shadow: 0 1px 0 #F8B26D;
}

.price-table table td {
	padding:0px 5px;
	border-bottom:1px #a95a18 solid;
	border-left:1px #a95a18 solid;

}

.price-table table .no-line td {
	border:none;
}

.price-table .row-1 {
	background:#d77218;
	border:none;
}

.price-table .row-2 ul {
	background:url(../images/newgui/price-table-select-item.png) 0 0 no-repeat;
	height:27px;
	width:103px;
}

.price-table .row-2 li:first-child {
	display:block;
}

.price-table .row-2 li {
	display:none;
	color:#d77218;
	text-align:center;
	line-height:27px;
	cursor:pointer;
}

.price-table .colspan3 {
	text-align:right;
	padding:0 35px 0 0;
	text-transform:uppercase;
	color:#d77218;
	vertical-align:text-top;
	font-weight:bold;
	line-height:40px;
}

.price-table .colspan4 {
	color:#ba641b;
	font-style:italic;
}

#action #next-bnt {
	/*background: url("../images/newgui/bnt1.png") no-repeat scroll right top transparent;*/
    color: #7C341C;
    font-size: 16px;
    height: 42px;
    line-height: 38px;
    padding: 0 35px 0 0;
    text-align: right;
	text-shadow: 0 1px 0 #F8B26D;
}

.book-step-4 #action #next-bnt {
	background: url("../images/newgui/finish-bnt.png") no-repeat scroll right top transparent;
	padding:0 26px 0 0;
}

#action #back-bnt {
	text-align:right;
    padding: 0 35px 0 0;
}

.book-step-4 #action #back-bnt {
    padding: 0;
}

#action #back-bnt a {
	text-decoration:underline;
	color:#e6801b;
}

#action #note {
	width:661px;
	height:41px;
	float:right;
	margin:20px 0 0 0;
	background:url(../images/newgui/notebg.png) 0 0 no-repeat;
	padding:20px
}

#sit-select {
	margin:40px 0;
}

.sit-explain {
	width:940px;
	height:19px;
}

.sit-explain div {
	float:left;
	padding:0 0 0 37px;
	height:19px;
	margin:0 60px 0 0;
}

.sit-explain .your-sit {
	background:url(../images/newgui/ur-sit.png) 0 0 no-repeat;
}

.sit-explain .empty-sit {
	background:url(../images/newgui/empty-sit.png) 0 0 no-repeat;
}

.sit-explain .sofa-sit {
	background:url(../images/newgui/sofa.png) 0 0 no-repeat;
	padding:0 0 0 57px;
}

.sit-explain .sold-sit {
	background:url(../images/newgui/sold-sit.png) 0 0 no-repeat;
}

.sit-explain .other-sit {
	background:url(../images/newgui/other-sit.png) 0 0 no-repeat;
}

.screen {
	text-align:center;
	text-transform:uppercase;
	font-size:32px;
	line-height:55px;
	background:url(../images/newgui/screen.png) 0 0 no-repeat;
	width:610px;
	height:59px;
	margin:20px auto;
	color:#000;
}

.region-right {
	float:right;
	width:700px;
	overflow:hidden;
}

.sit-arrange td {
	background:url(../images/newgui/empty-sit.png) 0 0 no-repeat;
	height:19px;
	width:27px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	font-weight:bold;
	cursor:pointer;
}

.sit-arrange td.char,
.sit-arrange td.no-chair,
.sit-arrange td.gap {
	background:none;
	color:#FFFFFF;
}

.sit-arrange td.your-sit {
	background:url(../images/newgui/ur-sit.png) 0 0 no-repeat;
}

.sit-arrange td.sold-sit {
	background:url(../images/newgui/sold-sit.png) 0 0 no-repeat;
}

.book-info-content-item-price {
	text-align:right;
	font-weight:bold;
	color:#81351e;
	margin:0 0 3px 0;
}

.book-info-content-total {
	text-align:right;
	color:#81351e;
	margin:45px 0 0 0;
	font-weight:bold;
}

.book-info-content-total-note {
	font-weight:normal;
}

.book-info-content-total-fee {
	margin:0 0 5px 0;
}

.timecount {
	background:url(../images/newgui/timecount.png) 0 0 no-repeat;
	width:111px;
	height:70px;
	float:right;
	padding:10px 20px;
}

.region-right-right .timecount {
	clear:both;
}

.timecount-time {
	font-family: "DSDIGI";
	font-size:50px;
	color:#d42d00;
}

.region-right-left {
	float:left;
	width:366px;
}

#client-info {
	overflow:auto;
	margin:40px 0 20px 0;
}

#client-info .form-item {
	margin:0 0 20px 0;
	height:26px;
}

#client-info .form-item label {
	float:left;
}

#client-info .form-item input {
	float:right;
	background:url(../images/newgui/form-item-bg.png) 0 0 no-repeat;
	height:26px;
	width:200px;
	border:none;
	padding:0 10px;
}

.form-check-item {
	width:190px;
	float:right;
	background:url(../images/newgui/form-unchecked.png) 0 0 no-repeat;
	padding:0 0 0 30px;
	cursor:pointer;
}

.form-check-item.is-checked {
	background:url(../images/newgui/form-checked.png) 0 0 no-repeat;
}

#card-type {
	float:right;
	background:url(../images/newgui/form-item-select-bg.png) 0 0 no-repeat;
	height:26px;
	width:200px;
	padding:0 10px;
	cursor:pointer;
}

#card-type .card-item {
	color:#000000;
	height:26px;
	line-height:25px;
	font-size:16px;
	color:#FF8E1C;
	display:none;
}

#card-type .card-item:first-child {
	display:block;
}

.region-right-right {
	float:right;
	width:316px;
}

#cancel {
	text-align:right;
}

#cancel a {
	text-decoration:underline;
	color:#FFFFFF;
}

#pay-service {
	margin:20px 0 0 0;
}

.pay-service-intro {
	margin:0 0 20px 0;
}

.attention {
	clear:both;
	background:url(../images/newgui/attentionbg.png) 0 0 no-repeat;
	width:271px;
	height:276px;
	padding:20px;
}

.attention .title {
	font-size:17px;
	color:#FF8E1C;
	text-transform:uppercase;
	font-weight:bold;
}

.pay-accept {
	margin:20px 0 0 0;
}

.pay-accept .title {
	font-size:23px;
	color:#FF8E1C;
	text-transform:uppercase;
	font-weight:bold;
}

.pay-accept .atm,
.pay-accept .credit {
	width:270px;
	margin:20px 0;
}

.pay-accept .atm .title,
.pay-accept .credit .title {
	background:url(../images/newgui/pay-accept-title-bg.png) 0 0 no-repeat;
	font-size:14px;
	color:#FFFFFF;
	height:25px;
	line-height:23px;
	font-weight:bold;
	text-align:center;
	margin:0 0 20px 0;
}

.faqs #page-title {
	text-transform:none;
}

.faqs .region-main {
	float:right;
	width:700px;
}

.faqs .menu-item {
	background:url(../images/newgui/faqs-bg.png) 0 0 no-repeat;
	height:45px;
	margin:0 0 20px 0;
}

.faqs .menu-item:hover,
.faqs .menu-item.active {
	background:url(../images/newgui/faqs-bg-hover.png) 0 0 no-repeat;
}

.faqs .menu-item a {
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:18px;
	line-height:45px;
	font-weight:bold;
	padding:0 20px;
}

.faqs .menu-item a:hover,
.faqs .menu-item a.active {
	color:#80341c;
}

.ques-anws {
	margin:0 0 20px 0;
	cursor:pointer;
}

.ques {
	color:#80341c;
	font-size:14px;
	margin:0 0 10px 0;
	background:url(../images/newgui/faqs-collased-ico.png) 0 0 no-repeat;
	padding:0px 0 0 30px;
	min-height: 26px;
}

.expanded .ques {
	background:url(../images/newgui/faqs-expand-ico.png) 0px 6px no-repeat;
}

.anws {
	border: 1px solid #321D1C;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 7px -2px;
	padding:20px;
	display:none;
}

#step1 {
	background:url(../images/newgui/step1.png) 0 0 no-repeat;
}

#step2 {
	background:url(../images/newgui/step2.png) 0 0 no-repeat;
}

#step3 {
	background:url(../images/newgui/step3.png) 0 0 no-repeat;
}

#step4 {
	background:url(../images/newgui/step4.png) 0 0 no-repeat;
}

#step5 {
	background:url(../images/newgui/step5.png) 0 0 no-repeat;
}

.step-title {
	height:69px;
	width:567px;
	margin:0 auto 30px;
	position:relative;	
}

#footer {
	text-align:center;
	background:url(../images/newgui/footerbg.png) left bottom repeat-x;
	/*height:128px;*/
	overflow:hidden;
	padding:50px 0 0 0;
}

#footer-menu {
	margin:0 auto 15px 180px;
	width:750px;
	height:18px;
}

#footer-menu li {
	float:left;
	margin:0 20px 0 0;
}

#footer-menu li a {
	text-transform:uppercase;
	color:#dd7a1c;
	font-size:14px;
	font-weight:bold;
}

#footer-copyright {
	color:#b0a396;
}

#header .main-menu{
	height:55px;
	position:absolute;
	right:0;
	top:80px;
	background:url("../images/newgui/3.png") right no-repeat;
	padding-right:10px
}

ul.main-menu{
	margin-left:auto;
	margin-right:auto;
	padding:0;
	list-style:none
}

.main-menu .m1{
	height:55px;
	padding:0;
	margin:0;
	list-style:none;
	background:url("../images/newgui/2.png") repeat-x;
	float:right
}

.main-menu .m2{
	height:55px;
	width:10px;
	background:url("../images/newgui/1.png") left no-repeat;
	float:right
}

.main-menu .menu{
	padding:0;
	margin:0;
	display:inline-block;
	list-style:none;
	position:relative
}

.ie .main-menu .menu{
	float:left
}

.main-menu .menu .menu-title{
	color:#ff8c1e;
	font-weight:bold;
	text-decoration:none
}

#header .main-menu .menu .menu-title{
	font-family:"UVNHongHaHepB",Calibri,"Trebuchet MS";
	padding:0 9px;
	line-height:55px;
	font-size:15px;
	text-transform:uppercase
}

.main-menu .menu:hover .menu-title,.main-menu .menu.active .menu-title{
	color:white!important
}

.main-menu .menu .menu-sub{
	position:absolute;
	display:none;
	top:55px;
	left:0
}

.main-menu .menu .menu-sub ul{
	margin:0;
	padding:0;
	list-style:none
}

.main-menu .menu .menu-sub li{
	padding:0;
	margin:0;
	text-align:left;
	height:25px;
	line-height:25px;
	white-space:nowrap
}

.main-menu .menu .menu-sub li a{
	font-family:"UVNHongHaHepB",Calibri,"Trebuchet MS";
	color:#ff8c1e;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:16px
}

.ie .main-menu .menu .menu-sub li a{
	font-size:14px
}

.main-menu .menu .menu-sub li a:hover,.main-menu .menu .menu-sub li a.active{
	color:white
}
#footer{
	padding:30px 0;
	background:url('../Images/newgui/footerbg.jpg') top center;
	margin-top:-10px;
	text-align:center
}

#footer .main-menu{
	height:20px;
	margin-left:auto;
	margin-right:auto;
	display:inline-block
}

.ie7 #footer .main-menu{
	width:550px;
	display:block
}

#footer .main-menu .menu .menu-title{
	color:#e17d1e;
	font-size:13px;
	padding:0 5px
}

#footer .copy-right{
	font-size:11px;
	color:#e4d5c2;
	padding-top:10px
}